<% title "Sửa thông tin tài liệu - Student Portal - Quản lý thư viện" %>

<% queue_js "bootstrap-datepicker" %>
<% queue_js 'redactor/redactor' %>
<% queue_css "datepicker" %>
<% queue_js "bootstrap-timepicker" %>
<% queue_css "bootstrap-timepicker" %>
<% queue_css 'redactor/css/redactor' %>

<% content_for :top_section do %>
    <h1 style="text-transform: uppercase;">Quản lý thư viện - Cập nhật tài liệu</h1>
<% end %>
<% content_for :sidebar do %>
    <ul class="nav nav-list bs-docs-sidenav affix">
      <li><h5 style="color:black"><i class="icon-chevron-down"></i>THAO TÁC</h5></li>
      <li><a href="/admin/library/view/<%= params[:document_id] %>"><i class="icon-book"></i>Thông tin tài liệu</a></li>
      <li><a href="/admin/library/lend/<%= params[:document_id] %>"><i class="icon-book"></i>Ký mượn tài liệu</a></li>
      <li><a href="/admin/library/"><i class="icon-book"></i>Danh sách tài liệu</a></li>
      <li><a href="/admin/library/new"><i class="icon-bell"></i>Thêm tài liệu mới</a></li>
      <li><a href="/portal/logout"><i class="icon-eject"></i>Đăng xuất</a></li>
    </ul>
<% end %>
<form action="<%= request.fullpath %>" method="post" name="edit_form" >
<h2 style="text-transform: uppercase;"><%= @document.title %></h2>
<ul class="list-info">
  <% @document.attributes.each do |key,value| %>
      <li>
        <span class="key-name"style="float:left;width:200px;padding-top:10px">
          <label for="<%=key %>">
            <%= t('model.library_document.'+key) %>
          </label>
      </span>
        <span class="info-value" style="float:left;width:450px;padding-top:10px">

          <% if LibraryDocument.columns_hash[key].type == :text %>
              <textarea name="doc[<%=key %>]" id="<%=key %>" cols="30" rows="10" style="width:480px">
                 <%= value.blank? ? t('general.form.empty') : value %>
              </textarea>

          <% elsif LibraryDocument.columns_hash[key].type == :string || LibraryDocument.columns_hash[key].type == :integer %>
              <input type="text" name="doc[<%=key %>]" id="<%=key %>" value="<%=value%>"/>

           <% elsif LibraryDocument.columns_hash[key].type == :date %>
              <input type="text" name="doc[<%=key %>]" id="<%=key %>" value="<%=value%>"  data-date-format="dd/mm/yyyy" data-date="<%=value%>" class="date-picker-input"/>
           <% elsif LibraryDocument.columns_hash[key].type == :datetime %>
              <input type="text" id="<%= key %>_date" name="doc[<%= key %>][date]" value="<%= value.strftime("%d/%m/%Y") %>" data-date-format="dd/mm/yyyy" data-date="<%= value.strftime("%d/%m/%Y")%>" class="date-picker-input"/>
              <i class="icon-calendar" style="margin: -2px 10px 0 -22.5px; pointer-events: none; position: relative;"></i>
              <input type="text" id="<%= key %>_time" name="doc[<%= key %>][time]" value="<%= value.strftime("%H:%M:%s") %>" style="width:80px" class="time-picker-input"/>
              <i class="icon-time" style="margin: -2px 0 0 -22.5px; pointer-events: none; position: relative;"></i>
          <% end %>

        </span>
        <div class="separate"></div>
      </li>
  <% end %>
</ul>
<div class="control-group"  style="margin-top: 20px; float:left">
<div class="controls-row">
  <input type="submit" name="save_btn" value="Lưu thông tin" class="btn btn-info" />
  <a class="btn btn-danger" href="<%= url_for(:controller => "backend/library", :action => "delete", :document_id => params[:document_id]) %>" onclick="return confirm('Xác nhận xóa tài liệu này?')">Xóa tài liệu này</a>
</div>
</div>
</form>
<script type="text/javascript">
    $(function(){
        $('.date-picker-input').datepicker()
        $('.time-picker-input').timepicker({
            minuteStep: 5,
            showInputs: false,
            disableFocus: true,
            showSeconds: false,
            showMeridian: false,
            defaultTime:'value'
        });
    });
    $(document).ready(
            function()
            {
                $('textarea').redactor({
                    path : '<%= asset_path('redactor') %>'
                });
                $("#status").hover(function(e){
                    $(this).popover({
                        delay: { show: 500, hide: 100 }    ,
                        content:"<ul>" +
                                "<li>1: có thể cho mượn</li>"+
                                "<li>0: không thể mượn</li>" +
                                "<li>-1: không hiệu lực</li>"+
                                "</ul>"

                    });
                });
                $("#time_limit").hover(function(e){
                    $(this).popover({
                        delay: { show: 500, hide: 100 }    ,
                        content:"số ngày cho mượn, nhập 0 để không giới hạn, mặc định là 10 ngày."
                    });
                });
            }
    );
</script>